.page-mobile{display:none}

a,*{color:#333}
.clearfix:after{content:' ';display: block;clear: both;height: 0;}
.clearfix{zoom: 1;}
.space{font-size: 0;-webkit-text-size-adjust:none;}

.color-blue{ color:#1673aa}

.zoomimg_box{overflow: hidden;}
.zoomimg{transition: all 0.6s;}
.zoomimg:hover{transform: scale(1.05);}

.swiper-button-next,swiper-button-prev{outline: none}
.mask{ position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.5)}

html,body{position:relative; width:100%; height:100%; margin:0; padding:0}
body{z-index:0}
.container{ position:relative; margin:0 auto; max-width:1200px}
.div-hidden{display:none}

.loading{position:fixed;  top:0; bottom:0; left:0; right:0; background-color:White; z-index:9999}
.loading .wrap{ position:absolute; width:300px; height:300px; top:50%; left:50%; margin-top:-150px; margin-left:-150px; text-align:center}
.loading .wrap .img2{margin-top:20px}

.logo{ position:fixed; left:18%; width:324px; height:116px;background-position:center center; background-repeat:no-repeat; z-index:99;}
.logo a{display:block; width:100%; height:100%; position:relative}
.logo a .kslogo{width:100%}
.logo a .tips{position:absolute;left:100%; width:40px; top:0; bottom:0;  background-image:url(../images/bg-logo-index.png); background-repeat:repeat-x; text-align:center}
.logo a .tips p{margin-top:30px;color:White; font-size:18px; line-height:1.5; letter-spacing:1px; text-align:center}
@media only screen and (max-width: 1400px)
{
    .logo{width:279px; height:100px;}
    .logo a .tips p{margin-top:28px;font-size:14px; }
}

.scene-nav{ width:100%; height:100%; position:relative;}
.scene-nav .scene-nav-bg{position:absolute; left:0; right:0; top:0; bottom:0; background-position:center center; background-repeat:no-repeat;}
.scene-nav .bg-1{background-image:url(../images/banner/index/bg-1.jpg); z-index:1 ; display:none}
.scene-nav .bg-2{background-image:url(../images/banner/index/bg-2.jpg); z-index:1 ; display:none}
.scene-nav .bg-3{background-image:url(../images/banner/index/bg-3.jpg); z-index:1 ; display:none}
.scene-nav .bg-4{background-image:url(../images/banner/index/bg-4.jpg); z-index:1 ; display:none}
.scene-nav .bg-5{background-image:url(../images/banner/index/bg-5.jpg); z-index:1 ; display:none}
.scene-nav .bg-6{background-image:url(../images/banner/index/bg-6.jpg); z-index:1 ; display:none}

.scene-nav .logo{position:relative; padding-left:19.2%; z-index:20}
.scene-nav .wrapper{ position:absolute; width:1500px; height:500px; left:50%; top:50%; margin-left:-750px; margin-top:-250px; z-index:20}
@media only screen and (min-width: 1400px) and (max-width: 1500px) {
    .scene-nav .wrapper{ width:1400px; height:500px; margin-left:-700px; margin-top:-250px;}  
}
@media only screen and (max-width: 1400px)
{
    .scene-nav .wrapper{ width:1100px; height:400px; margin-left:-550px; margin-top:-200px;}  
}
.scene-nav .side{position:relative; width:40%; height:100%; float:left; background-image:url(../images/banner/index/elements/el-1.png); background-position:left center; background-repeat:no-repeat}
@media only screen and (min-device-width: 1400px) and (max-device-width: 1500px) {
   .scene-nav .side{ background-position:center center;} 
}
@media only screen and (max-width: 1400px)
{
    .scene-nav .side{background-image:url(../images/banner/index/elements/el-2.png);}
}
.scene-nav .nav{position:relative; width:60%; float:right}
.scene-nav .nav ul.navlist{ margin-top:45px}
.scene-nav .nav ul.navlist li.item{position:relative; width:230px; height:180px; border:solid 2px #ffffff; border:solid 2px rgba(255,255,255,0.65); margin-right:40px; margin-bottom:45px; float:left; cursor:pointer}
@media only screen and (max-width: 1400px)
{
    .scene-nav .nav ul.navlist li.item{width:165px; height:130px;  margin-right:28px; margin-bottom:32px;}
}
.scene-nav .nav ul.navlist li.item{z-index:1}
.scene-nav .nav ul.navlist li.item p{ color:White; padding:0 30px; font-size:14px; line-height:28px; text-align:left}
.scene-nav .nav ul.navlist li.item p.btn{ text-align:center; padding-top:20px}
@media only screen and (max-width: 1400px)
{
    .scene-nav .nav ul.navlist li.item p{padding:0 20px;  line-height:18px}
    .scene-nav .nav ul.navlist li.item p.btn{text-align:center; padding-top:20px}
}
.scene-nav .nav ul.navlist .ywtb{background-image:url(../images/banner/index/elements/icon-ywtb.png); background-position:center center; background-repeat:no-repeat}/*一网通办*/
.scene-nav .nav ul.navlist .zjks{background-image:url(../images/banner/index/elements/icon-zjks.png); background-position:center center; background-repeat:no-repeat; z-index:99}/*走进昆水*/
.scene-nav .nav ul.navlist .xwzx{background-image:url(../images/banner/index/elements/icon-xwzx.png); background-position:center center; background-repeat:no-repeat}/*新闻中心*/
.scene-nav .nav ul.navlist .xxgk{background-image:url(../images/banner/index/elements/icon-xxgk.png); background-position:center center; background-repeat:no-repeat}/*信息公开*/
.scene-nav .nav ul.navlist .qywh{background-image:url(../images/banner/index/elements/icon-qywh.png); background-position:center center; background-repeat:no-repeat; z-index:10}/*企业文化*/
.scene-nav .nav ul.navlist .zxns{background-image:url(../images/banner/index/elements/icon-zxns.png); background-position:center center; background-repeat:no-repeat}/*招贤纳士*/
.scene-nav .nav ul.navlist .zwfw{background-image:url(../images/banner/index/elements/icon-zwfw.png); background-position:center center; background-repeat:no-repeat}/*招贤纳士*/
.scene-nav .nav ul.navlist .item .row-1{position:absolute; top:-2px; left:-2px; width:234px; height:540px; background-position:center bottom; background-repeat:no-repeat}
.scene-nav .nav ul.navlist .item .row-2{position:absolute; bottom:-2px; left:-2px; width:234px; height:540px;background-position:center bottom; background-repeat:no-repeat}
@media only screen and (max-width: 1400px)
{
    .scene-nav .nav ul.navlist .item .row-1{width:169px; height:420px; }
    .scene-nav .nav ul.navlist .item .row-2{width:169px; height:420px;}
}
.scene-nav .nav ul.navlist .item .sublist{display:none;box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 15px 0px;}
.scene-nav .nav ul.navlist .item .sublist .parent-tit{ position:relative; width:234px; height:182px;background-position:center center; background-repeat:no-repeat}
@media only screen and (max-width: 1400px)
{
    .scene-nav .nav ul.navlist .item .sublist .parent-tit{ position:relative; width:169px; height:132px;background-position:center center; background-repeat:no-repeat}
}
.scene-nav .nav ul.navlist .item .sublist ul{margin-top:20px;}
@media only screen and (max-width: 1400px)
{
    .scene-nav .nav ul.navlist .item .sublist ul{margin-top:10px;}
}
.scene-nav .nav ul.navlist .item .sublist ul li{text-align:center; position:relative; width:100%}
.scene-nav .nav ul.navlist .item .sublist ul li a.channelname{font-size:16px; color:White; color:rgba(255,255,255,0.85); display:block; width:100%; line-height:43px; position:relative; margin-left:auto; margin-right:auto} 
@media only screen and (max-width: 1400px)
{
    .scene-nav .nav ul.navlist .item .sublist ul li a.channelname{ line-height:40px}
}
.scene-nav .nav ul.navlist .item .sublist ul li a.channelname:hover{color:White}
.scene-nav .nav ul.navlist .item .sublist ul li a.channelname::after{content:'';display:block;position:absolute; left:30%; right:30%; height:2px;bottom:6px;background:#fff;transition:all 0.15s ease-in-out;transform: scale3d(0,1,1);transform-origin:50% 0;}
.scene-nav .nav ul.navlist .item .sublist ul li a.channelname:hover::after{transform:scale3d(1,1,1);}

/*一网通办*/
.scene-nav .nav ul.navlist .ywtb{}
.scene-nav .nav ul.navlist .ywtb .sublist{background-color:#00a2e9;background-image:url(../images/ripple-ywtb.png);} 
.scene-nav .nav ul.navlist .ywtb .sublist .parent-tit{background-image:url(../images/banner/index/elements/icon-ywtb-2.png)}

/*走进昆水*/
.scene-nav .nav ul.navlist .zjks{}
.scene-nav .nav ul.navlist .zjks .sublist{background-color:#0d579c;background-image:url(../images/ripple-zjks.png);} 
.scene-nav .nav ul.navlist .zjks .sublist .parent-tit{background-image:url(../images/banner/index/elements/icon-zjks-2.png)}

/*新闻中心*/
.scene-nav .nav ul.navlist .xwzx{}
.scene-nav .nav ul.navlist .xwzx .sublist{background-color:#ef8641;background-image:url(../images/ripple-xwzx.png);} 
.scene-nav .nav ul.navlist .xwzx .sublist .parent-tit{background-image:url(../images/banner/index/elements/icon-xwzx-2.png)}

/*信息公开*/
.scene-nav .nav ul.navlist .xxgk{}
.scene-nav .nav ul.navlist .xxgk .sublist{background-color:#24adbf;background-image:url(../images/ripple-xxgk.png);} 
.scene-nav .nav ul.navlist .xxgk .sublist .parent-tit{background-image:url(../images/banner/index/elements/icon-xxgk-2.png)}
.scene-nav .nav ul.navlist .xxgk .sublist ul{margin-top:10px;}
.scene-nav .nav ul.navlist .xxgk .sublist ul li a.channelname{line-height:35px}
@media only screen and (max-width: 1400px)
{
    .scene-nav .nav ul.navlist .xxgk .sublist ul{margin-top:10px;}
    .scene-nav .nav ul.navlist .xxgk .sublist ul li a.channelname{line-height:30px}
}

/*企业文化*/
.scene-nav .nav ul.navlist .qywh{}
.scene-nav .nav ul.navlist .qywh .sublist{background-color:#c63f4d;background-image:url(../images/ripple-qywh.png);} 
.scene-nav .nav ul.navlist .qywh .sublist .parent-tit{background-image:url(../images/banner/index/elements/icon-qywh-2.png)}

/*招贤纳士*/
.scene-nav .nav ul.navlist .zxns{}
.scene-nav .nav ul.navlist .zxns .sublist{background-color:#c2ab8a;background-image:url(../images/ripple-zxns.png);} 
.scene-nav .nav ul.navlist .zxns .sublist .parent-tit{background-image:url(../images/banner/index/elements/icon-zxns-2.png)}
.scene-nav .nav ul.navlist .zxns .sublist ul{margin-top:10px;}
.scene-nav .nav ul.navlist .zxns .sublist ul li a.channelname{line-height:40px}
@media only screen and (max-width: 1400px)
{
    .scene-nav .nav ul.navlist .zxns .sublist ul{margin-top:10px;}
    .scene-nav .nav ul.navlist .zxns .sublist ul li a.channelname{line-height:35px}
}

/* swiper */
.swiper-container{ z-index:-1; position:relative}
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}

.swiper-pagination-bullet {
    width: 12px;
    height: 80px;
    display: inline-block;
    border-radius: 0;
    background: #000;
    opacity: 0.3;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 15px;
    top: 40%;
    transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-bullet-active{ background-color:#00b5ed; opacity: 1}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 2px 0;
    display: block;
}

.swiper-slide {
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position:relative;
}

.scene-1{background-image:url(../images/banner/index/scene1/bg.jpg); background-position:center center; background-repeat:no-repeat;}

@media only screen and (max-width: 1400px){
    .scene-1{background-image:url(../images/banner/index/scene1/bg-2.jpg);}
}
.scene-1 .txt{ position:absolute; top:24%; left:50%; width:567px; height:290px; margin-left:-300px;}
.scene-1 .arrow{ position:absolute; width:51px; height:32px; bottom:20px; left:50%; margin-left:-25px; display:none}
.scene-1 .arrow img{opacity:0.65;filter:alpha(opacity=65); }